<template>
	<view>
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">{{title}}</text>
			<button @click="callCloudFunction">调用云函数 通知自己</button>
		</view>
	</view>
</template>

<script>
	// 参考案例
	// https://ask.dcloud.net.cn/article/40283 
	// https://uniapp.dcloud.net.cn/unipush-v2.html （官网教程）
	// important： uniapp-x的api和uniapp可能不一致，例如uni.getPushClientId在二者中区别大，请注意区分
	// 另外uniapp-x不够成熟，谨慎使用
	
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {			
			callCloudFunction() {
				
				uni.getPushClientId({
				    success: (res: GetPushClientIdSuccess) => {  
				        let push_clientid = res.cid  
				        console.log('客户端推送标识cid:',push_clientid)  
						uniCloud.callFunction<any>({
							// 云函数名称
							name: 'uniPushCloudTest',
							// 传递给云函数的参数
							data: {
								body: {
									cid: push_clientid,									
								}
							},
						}).then((res)=>{
							console.log(res)
						});
				    },  
				    fail(err: UniError) {  
				        console.log(err)  
				    }  
				})
				
			}
		}
	}
</script>
